body {
margin:0 auto;
margin-top:0px;
font-family: Arial;
font-size: 11px;
color: #555555:
}

/* ----- HEADER ----- */
#header {
/*background-image:url("img/fondentete.gif");*/
background-color:#777;
background-repeat:repeat-x;
width:100%;
position:relative;
height:40px;
}

#logo {
position:relative;
top:0px;
text-align:center;
width: 80px;
height: 19px;
margin-left:250px;
background-color:#000000;
}

/* ----- MAIN CONTENT ----- */
#content { 
width:800px;
position:relative;
left:50%;
margin-top:40px;
margin-left:-400px;
overflow:visible;
}

.separ{
height:1px;
background-color:#CCC;
overflow:hidden;
margin-top:10px;
}

.hautdroite{
margin-left:600px;
margin-top:-40px;
}

.floater{
float:left;
}

.todoType{
background-color:#fafafa;
margin-top:20px;
margin-right:5px;
margin-left:5px;
color:#555555;
font:Arial, Helvetica, sans-serif;
font-size:15px;
width:390px;
border:1px solid #efefef;
}

.todoTypeContent{
width:390px;
color:#555555;
font:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:300;
}

.entete_todoType{
margin-left:5px;
}

.info_type{
display:none;
}

.todo{
background-color:#FFFFFF;
background-image:url(../images/graygrad.png);
/*background-position:0px;*/
background-repeat:repeat-x;
/*padding:5px;*/
margin-top:5px;
width:390px;
margin-left:0px;
color:#555555;
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.detail_todo{
color:#888;
font:Arial, Helvetica, sans-serif;
font-size:11px;
}

.todo_champ_form{
color:#888;
font:Arial, Helvetica, sans-serif;
font-size:11px;
}

.name_todo{
font-size:14px;
font-weight:bold;
}

.desc_todo{
font-size:12px;
font-weight:normal;
margin-left:20px;
}

/* ----- FOOTER ----- */
#footer { 
width:800px;
position:relative;
left:50%;
margin-left:-400px;
margin-top:40px;
height:100px;
margin-top:10px;
}


/* ----- Buttons ------- */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('img/bg_button_a.gif') no-repeat scroll top right;
    color: #777;
    display: block;
    float: left;
    font: bold 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

/* ----- Commandes ------- */
.todo_commandes{
	float:left;
	margin-left:-25px;
	margin-top:5px;
	background-color:#79A89F;
	width:25px;
	height:48px;
	text-align:center;
	padding: 3 0 0 3;
}

.todo_pointe_commandes{
	position:relative; 
	top:-40px;
	left:20px;
}


.todo_pointe_commandes_type{
	position:relative; 
	top:-50px;
	left:20px;
}

.todoType_commandes{
	float:left;
	margin-left:-30px;
	margin-top:-30px;
	background-color:#79A89F;
	width:25px;
	height:65px;
	text-align:center;
	padding: 3 0 0 3;
}

.GUI_commands{
	display:none;
	position:absolute;
	z-index:99;	
}

.lien{
	cursor: pointer;
}